<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>小小聊天-主页</title>
</head>
<body>

<div class="chat_page">
    <div draggable="true"><label>添加自定义分类：<input type="text" placeholder="请输入自定义分类名称！"/></label><button type="button" class="add_consumer_cate">添加</button></div>
    <br/>
    <div draggable="true"><label>搜索人按照名称：<input type="text" placeholder="请输入好友的名称！"></label> <button type="button" class="search_friends">搜索</button></div>
    <div>
        <ul class="search_friend_list">

        </ul>
    </div>
    <div draggable="true" ><label>搜索组按照名称<input type="text" placeholder="请输入组的名称！"/></label> <button type="button" class="search_group">搜索</button></div>
    <ul class="search_group_list">

    </ul>
    <div class="userList">
        <ul class="single_list">
            <li class="online"><a href="javascript:void (0)">xt</a></li>
            <li class="no-online"><a href="javascript:void (0)">lqc</a></li>
        </ul>
    </div>
    <label>
        <input type="text">
    </label>
    <div class="chat_image">发送图片</div>
    <button type="button" class="chat_message">send message</button>
</div>
<script src='//cdn.bootcss.com/socket.io/1.3.7/socket.io.js'></script>
<script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
{load href="/static/layer/theme/default/layer.css,/static/layer/layer.js,/static/socketHandler.js" /}
<style type="text/css">
    .online {color: red}
    .no-online {color: #8D8D8D}
</style>
<script>
    var dom     =['chat_message','chat_image','search_friends','search_group','add_consumer_cate'];
    var otherUri={
        timeoutJumpUri:"{:url('index','',true,true)}",
    };
    socketHandler._init(dom,otherUri);
</script>
</body>
</html>